<template>
  <h1>1.组件的基本写法</h1>
  fullname:{{fullname}}
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "About",
});
</script>

<script setup lang="ts">
import {ref,computed} from 'vue'
let firstname = ref('李')
let lastname = ref('四')
let fullname = computed(() => {
  return firstname.value + lastname.value
})
console.log(fullname);

</script>